<!DOCTYPE html>
<html>
<head>
	<title>js_17</title>
</head>
<body>
	<input id="first-number" type="number" placeholder="输入一个十进制非负整数">
	<input id="second-number" type="number" placeholder="输入一个二进制非负整数">
    <button id="add-btn">转换为二进制</button>
    <button id="add-ten">转换为十进制</button>
    <p id="result">运算结果</p>
    <table id="table">asd</table>
	<script type="text/javascript">

		// 1.十进制： 都是以0-9这九个数字组成，不能以0开头。
		// 2.二进制： 由0和1两个数字组成。
		// 3.八进制： 由0-7数字组成，为了区分与其他进制的数字区别，开头都是以0开始。
		// 4.十六进制：由0-9和A-F组成。为了区分于其他数字的区别，开头都是以0x开始。
		var g = function(id) {
			return document.getElementById(id);
		};
		var firstN = g("first-number"),
			sceondN = g("second-number"),
			addBtn = g("add-btn"),
			addTen = g("add-ten"),
			table = g("table"),
			result = g("result");
		addBtn.onclick = function() {

			

		};
		addTen.onclick = function() {
			// 二进制转十进制公式
			//abcd.efg = d*1(2的零次方) + c*2*1 + b*2*2* + a*2*2*2 + e*(-2*1) + f*(-2 *2) + g*(-2*2*3);
			var _valus = sceondN.value;
			console.log(parseInt(_valus,2))
		};


	// 3的小游戏，练习使用循环和条件语句，实现如下需求：
	// 从1到100，以此在console输出各数字，但是，当数字为3的倍数或者含有3的时候，输出“PA”
	var n = 1;
	while( n <= 100) {
		if (n % 3 == 0 || n.toString().indexOf("3") > -1) {
			console.log("PA");
		} else {
			console.log(n);
		}
		n++
	}


	// 小练习，练习使用循环实现一个九九乘法表

   // 第一步，最低要求：在Console中按行输出 n * m = t
   // 然后，尝试在网页中，使用table来实现一个九九乘法表
  
	for (var i=1; i < 10; i++) {
		for (var j=1; j < 10; j++) {
			var tt = document.createElement('tt');
			var td = document.createElement('td');
			td.innerHTML = i +'*'+ j+ '='+ i * j;
			tt.appendChild(td);
			table.appendChild(tt);
		}
	}


	//今天最后一个练习，在你的简历中，实现一个，当用户访问页面的时候，根据当前时间，在页面中输出不同的问候语。

	// 比如早上的时候，输出早上好，晚上的时候是晚上好。

	function greet() {
		// 05-12 早上好
		// 12 - 18 下午好
		// 18-24 晚上好
		var _time = new Date();
		var _hour = _time.getHours();
		if (_hour > 5 && _hour <=12) {
			alert("早上好");
		} else if (_hour > 12 && _hour <= 18) {
			alert("下午好");
		}  else {
			alert("晚上好");
		}

	}greet()
	</script>
</body>
</html>